<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>触点</title>
  <link rel="stylesheet" href="css/layui.css">
  <link rel="stylesheet" href="css/index2.css">
  <link rel="stylesheet" href="css/style2.css">
</head>
<body class="layui-layout-body">
 	<div class="layui-layout layui-layout-admin">
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 15px;">
		<h3>触点管理</h3>
		<div class="main_con">
		    <button class="layui-btn layui-btn-radius">+ 新建</button>
		 	<button class="layui-btn layui-btn-primary layui-btn-radius">X 删除</button>
		 	<div class="layui-form">
		 	<form class="layui-form layui-form-pane1" action="" >
		 	<table class="layui-table">
			  </colgroup>
			  <thead>
			    <tr>
			    	<th>
			    		<div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
			    			<input type="checkbox" name="layTableCheckbox" lay-skin="primary" lay-filter="layTableAllChoose">
			    			全选
			    		</div>
			    	</th>
			      <th>触点</th>
			      <th>客户关注点</th>
			      <th>感知标准</th>
			      <th>触点属性</th>
			      <th>创建人</th>
			      <th>编辑时间</th>
			      <th>操作</th>
			    </tr> 
			  </thead>
			  <tbody>
			    <tr>
					    <td>
				    		<div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
				    			<input type="checkbox" name="layTableCheckbox" lay-skin="primary" lay-filter="layTableAllChoose">
				    			&nbsp;1
				    		</div>
					    </td>
			      <td>销售人员</td>
			      <td>是否公平、热情、专业、符合接待流程</td>
			      <td>-</td>
			      <td>客户与实地人</td>
			      <td>Admin</td>
			      <td>2017-12-26 13：56</td>
			      <td>
					<button class="layui-btn layui-btn-primary layui-btn-radius">编辑</button>
					<button class="layui-btn layui-btn-primary layui-btn-radius">删除</button>
			      </td>
			    </tr>
			    <tr>
					    <td>
				    		<div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
				    			<input type="checkbox" name="layTableCheckbox" lay-skin="primary" lay-filter="layTableAllChoose">
				    			&nbsp;1
				    		</div>
					    </td>
			      <td>销售人员</td>
			      <td>是否公平、热情、专业、符合接待流程</td>
			      <td>-</td>
			      <td>客户与实地人</td>
			      <td>Admin</td>
			      <td>2017-12-26 13：56</td>
			      <td>
					<button class="layui-btn layui-btn-primary layui-btn-radius">编辑</button>
					<button class="layui-btn layui-btn-primary layui-btn-radius">删除</button>
			      </td>
			    </tr>
			    <tr>
					    <td>
				    		<div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
				    			<input type="checkbox" name="layTableCheckbox" lay-skin="primary" lay-filter="layTableAllChoose">
				    			&nbsp;1
				    		</div>
					    </td>
			      <td>销售人员</td>
			      <td>是否公平、热情、专业、符合接待流程</td>
			      <td>-</td>
			      <td>客户与实地人</td>
			      <td>Admin</td>
			      <td>2017-12-26 13：56</td>
			      <td>
					<button class="layui-btn layui-btn-primary layui-btn-radius">编辑</button>
					<button class="layui-btn layui-btn-primary layui-btn-radius">删除</button>
			      </td>
			    </tr>
			    <tr>
					    <td>
				    		<div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox">
				    			<input type="checkbox" name="layTableCheckbox" lay-skin="primary" lay-filter="layTableAllChoose">
				    			&nbsp;1
				    		</div>
					    </td>
			      <td>销售人员</td>
			      <td>是否公平、热情、专业、符合接待流程</td>
			      <td>-</td>
			      <td>客户与实地人</td>
			      <td>Admin</td>
			      <td>2017-12-26 13：56</td>
			      <td>
					<button class="layui-btn layui-btn-primary layui-btn-radius">编辑</button>
					<button class="layui-btn layui-btn-primary layui-btn-radius">删除</button>
			      </td>
			    </tr>
			  </tbody>
			</table>
			</form>
			<div id="demo8" style="float: right;"></div>
			</div>
	  </div>

    </div>
  </div>
  
  <div class="layui-footer">
    <!-- 底部固定区域 -->
    © layui.com - 底部固定区域
  </div>
</div>
<script src="js/jquery-2.1.4.min.js"></script>
 <script src="js/index.js"></script>
<script src="lay/layui.js"></script>
<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  
});
layui.use('form', function(){
  var form = layui.form;

});
</script> 
<script>layui.use(['laypage', 'layer'],
      function() {
        var laypage = layui.laypage,
        layer = layui.layer;
        //自定义排版
        laypage.render({
          elem: 'demo8',
          count: 1000,
          layout: ['prev', 'page', 'limit', 'next']
        });

        //调用分页
        laypage.render({
          elem: 'demo20',
          count: data.length,
          jump: function(obj) {
            //模拟渲染
            document.getElementById('biuuu_city_list').innerHTML = function() {
              var arr = [],
              thisData = data.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
              layui.each(thisData,
              function(index, item) {
                arr.push('<li>' + item + '</li>');
              });
              return arr.join('');
            } ();
          }
        });

      });</script>
</body>
</html>